iT邦幫忙

2023 iThome 鐵人賽

DAY 18
0
SideProject30

年輕人,想玩自己寫!系列 第 18

第十七章,像螞蟻,默默做自己

  • 分享至 

  • xImage
  •  

首先還是要有點畫面,才好思考流程與行為。
先在主頁上放上一顆按鈕。
(畫面主要會以手機呈現的為主,不過現在先用web展示,也是遊戲的平台之一)
https://ithelp.ithome.com.tw/upload/images/20231003/201627237OFTAhUsr6.png
當按下「煉成」時,原先的設計是要出現選單頁面,選擇本次要挑戰的煉成項目。
不過因為現在還只有一個選項,就直接先跳過,等以後不只一種煉成時再加入選單頁。
所以現在按下「煉成」鈕會直接進入準備的畫面。
在準備頁面能選擇本次要培養的角色(目前只有「固拉多」,所以不開放選擇),
以及參與煉成的夥伴卡。
在網頁上會是置中可滑動的畫面,在手機上則是剛剛好的滿版。
https://ithelp.ithome.com.tw/upload/images/20231003/20162723ZOHGseWTUK.png
在這邊選擇好的角色與卡牌資料,會以List<Card_model>的資料型態傳入下一頁,正式開始遊戲。
另外,前面的導頁都是用CupertinoPageRoute進行,帶有iOS系統使用者習慣的右滑返回功能,
但在這一頁必需停止這功能,才不會玩到一半返回前一頁,會再多帶一個「fullscreenDialog: true」的參數。

Navigator.push(
        context,
        CupertinoPageRoute(
            builder: (context) => const GamePage(cardList: []),fullscreenDialog: true))
        .then((value) {});

在遊戲頁面初始化的階段,會對昨天提到的GameManager實作單例,裡面包含了導入的資料和事件提供器。
開始後會由GameManager進行遊戲邏輯的判斷及畫面的刷新(setState(() {});)。
畫面上靜態顯示的會有角色當前的數值、挑戰的進度、當前總評價,以及當下所能做的選擇。
觸發的事件會先以對話框的型式通知,會有歷程可以看都發生了些什麼事、每天文章的評價。
總共會有三十個回合。
https://ithelp.ithome.com.tw/upload/images/20231003/201627237nXpQWCZ7t.png

現在都只刻出了畫面及先寫好Class,明天會試著把他們都串連起來,希望能有玩到的感覺~
/images/emoticon/emoticon13.gif


上一篇
第十六章,讓我再把路照亮一點
下一篇
第十八章,前進的腳步不曾停下
系列文
年輕人,想玩自己寫!31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言